<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/security/tags" prefix="ss"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" />
<meta name="description" content="isLibrary" />
<meta name="author" content="" />
<title>isLibrary</title>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/main.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/skin.css" />
<link type="text/css" href="<%=request.getContextPath()%>/css/blitzer/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
<script type="text/javascript" src="<%=request.getContextPath()%>/js/cufon-yui.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/fonts.js"></script>
<script type="text/javascript">
	Cufon.replace('h1, h2, h3, h4, h5, h6, #logo', {
		hover : true
	});
</script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-ui-1.8.18.custom.min.js"></script>
<script>
	$(function() {
		$("input:submit, input:reset, input:button").button();

	});
	function openDialog(url) {
		$(function() {
			$("#dialog:ui-dialog").dialog("destroy");

			$("#dialog-confirm").dialog({
				resizable : false,
				height : 220,
				modal : true,
				buttons : {
					"Delete all items" : function() {
						$(this).dialog("close");
						window.location = url;
						window
					},
					Cancel : function() {
						$(this).dialog("close");
					}
				}
			});
		});
	}
</script>
</head>
<body>
	<div id="main">
		<div id="dialog-confirm" title="Empty the recycle bin?" style="display: none;">
			<p>
				<span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>This item will be permanently deleted and cannot be recovered. Are you
				sure?
			</p>
		</div>
		<!-- HEADER -->
		<div id="header" class="box">
			<p id="logo">
				<fmt:message key="jsp.title" />
			</p>
			<h3 id="slogan">
				<fmt:message key="jsp.slogan" />
			</h3>
		</div>
		<!-- /header -->

		<!-- NAVIGATION -->
		<div id="nav" class="box">

			<ul>
				<li class="current"><a href="<%=request.getContextPath()%>/welcome.do">Home</a></li>
				<li><a href="<%=request.getContextPath()%>/authors.do">Author List</a></li>
				<li><a href="<%=request.getContextPath()%>/books.do">Book List</a></li>
				<ss:authorize access="hasRole('ROLE_ADMIN')">
					<li><a href="<%=request.getContextPath()%>/users.do">User List</a></li>
				</ss:authorize>
				<li><a href="<%=request.getContextPath()%>/department.do">Department List</a></li>
				<li><a href="<%=request.getContextPath()%>/publisher.do">Publisher List</a></li>
				<li class="last"><a href="#">Contact</a></li>
			</ul>

			<!-- SEARCH -->
			<form action="#" method="get" id="search">
				<div class="relative">
					<jsp:include page="umgr/logged-user.jsp" />
				</div>
				<!-- /relative -->
			</form>

		</div>
		<!-- /nav -->

		<!-- TRAY -->
		<div id="tray" class="box">
			<p class="f-right">
				<a href="#"><img src="<%=request.getContextPath()%>/images/ico-twitter.png" alt="Twitter" /> </a> <a href="#"><img
					src="<%=request.getContextPath()%>/images/ico-rss.png" alt="RSS" /> </a>
			</p>

			<p class="f-left"></p>

		</div>
		<!-- /tray -->
		<div id="section" class="box">